// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

//3.0  将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
//3.0.1  将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

//3.0.2导入路由规则对应的组件对象
import home from './components/Home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photolist from './components/photo/photolist.vue';
import photoinfo from './components/photo/photoinfo.vue';

//3.0.2定义路由规则
var router = new vueRouter({
	linkActiveClass:'mui-active',
	routes:[
		{path:'*',redirect:'/home'},//解决不存在的路由地址问题，当用户输入的路由地址不存在时，将页面重新定向到home页面，也可以定向到404页面
		{path:'/',redirect:'/home'},//默认进入home首页，将页面重定向到home页面
		{path:'/home',component:home},
		{path:'/shopcar',component:shopcar},
		{path:'/news/newslist',component:newslist},
		{path:'/news/newsinfo/:id',component:newsinfo},
		{path:'/photo/photolist',component:photolist},
		{path:'/photo/photoinfo/:id',component:photoinfo}
	]
});

// 4.0 注册mint-ui
// 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
// 导入mint-ui组件对象
import mintui from 'mint-ui';
// 在Vue中全局使用mintui
Vue.use(mintui);

// 5.0 注册mui的css样式
import '../statics/mui/css/mui.css';

// 6.0 导入当前系统的全局基本样式
import '../statics/mui/css/site.css';

//7.0 将vue-resource在vue中绑定，自动在vue实例对象上注入一个$http对象就可以使用Ajax方法请求数据
import vueRresource from 'vue-resource';
Vue.use(vueRresource);

//8.0 定义一个全局过滤器实现日期格式化
//导入moment.js类库
import moment from 'moment';
//定义全局过滤器
Vue.filter('datefmt',function(input,fmtstring){
	return moment(input).format(fmtstring);
});

//9.0导入通用数据文件common.js
import common from './kits/common.js';
Vue.prototype.common = common;

// 利用Vue对象进行解析渲染
new Vue({
	el:'#app',
	//使用路由对象实例
	router:router,
	// render:function(create){create(App)} //es5的写法
	render:c=>c(App)  // es6的函数写法 =>：goes to
});